<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //标准DOM api
//        document.getElementById()
//        document.getElementsByTagName()
//        document.getElementsByName()
//        document.getElementsByClassName()
        //1、创建
//        document.createElement()   创建元素节点
//        document.createTextNode()   创建文本节点
//        document.createAttribute()   属性节点
        //2、加入
//        appendChild   追加到结尾处
//        innerHTML
//        insertBefore      将元素插入到某一个元素的前面
        //3、删除元素
//        removeChild
//        removeAttributeNode

        onload = function () {
            //删除元素
//            var ck = document.querySelectorAll('#ck')[ 0 ];
//            ck.removeAttribute('checked');
//            var ck = document.getElementById('ck');
//            ck.removeAttribute('checked');
           //增加元素
//           var ck = document.querySelectorAll('#ck') [ 0 ];
//           ck.checked = 'checked';
//            var cs = document.getElementsByClassName("bb");
//            alert(cs);
        }
    </script>
</head>
<body>
  <div id="bb">
      <span>555555555555555555</span>
  </div>
  <input type="checkbox" checked="checked" id="ck" />
  <div class="k"></div>
<div class="k1"></div>
</body>
</html>